<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
		<meta name="viewport" content="width=devicd-width,initial-scale=1.0" />
		<title>布局容器</title>
		<link href="lib/bootstrap/css/bootstrap.min.css" rel="stylesheet" />
		<style>
			div{
				border: 1px solid #000000;
				height: 100px;
			}
		</style>
	</head>
	<body>
		<h2>布局容器</h2>
		<!-- 居中显示 两边留白 -->
		<div class="container">居中显示 两边留白</div>
		<!-- 整个宽度 -->
		<div class="container-fluid">整个宽度</div>
		<script src="lib/bootstrap/js/bootstrap.min.js"></script>
		<script src="lib/jquery/jquery-1.11.0.min.js"></script>
	</body>
</html>
